// Import your custom theme
@import '../../theme.scss';

// Vars
$chart-item-content-height: 150px;
$chart-item-logo-width: 80px;

.chart-item {

  &-logo {
    max-height: 80%;
  }

  &-info {

    &__title {
      margin: 0;
      font-weight: 500;
      cursor: pointer;
      margin-bottom: 4px;

      a {
        color: inherit;
      }
    }

    p {
      margin: 0;
    }

    // Remove this when chips are ready:
    // https://github.com/angular/material2/issues/120
    &__repo {
      color: mat-color($monocular-app-accent);
      font-size: .8em;
      padding: 2px 4px;
      border-radius: 4px;

      &:hover {
        background: $background-white;
      }

      &.repo-incubator {
        color: mat-color($monocular-app-warn, 600);
      }

      a {
        color: inherit;
      }
    }

    &__description {
      margin: 1em;
    }
  }

}
